<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="x/foodReview/foodReview.css" />
	</head>
	<body id="top">
		
		<div class="header-bar">
			<div class="inner Fix">
				<ul class="user-action hd-menu">
					<c:if test="${empty userinfos }">
						<li class="user-login first mi">
							<a href="#" rel="nofollow">
								<span>点评账号登录</span>
							</a>
							<a href="#" rel="nofollow" class="login-qq">
								<span>
									<i class="icon-qq"></i>
									QQ快速登录
								</span>
							</a>
						</li>
						<li class="user-signup mi">
							<a href="#" rel="nofollow"><span>注册</span></a><i class="split">|</i>
						</li>
					</c:if>
					<c:if test="${not empty userinfos }">
						<a class="item" href="#">${userinfos.username},&nbsp你好</a>
						<a class="item" href="exit" style="padding-left:0px ;">退出</a>
					</c:if>
					<li class="user-signup mi"><a href="#" target="_blank" rel="nofollow"><span>我的订座</span></a></li>
					<li class="user-signup mi"><a href="#" target="_blank" rel="nofollow"><span>我的外卖</span></a></li>
				</ul>
				<ul class="quick-menu hd-menu">
					<li class="first mi"><a href="#">点评网首页</a>|</li>
					<li class="mi"><a href="#">优惠券</a>|</li>
					<li class="mi"><a href="#">团购</a>|</li>
					<li class="mi"><a href="#">签到</a>|</li>
					<li class="mi"><a href="#">社区</a>|</li>
					<li class="mi"><a href="#">手机版</a></li>
				</ul>
			</div>
		</div>
		
			<div class="comment-header">
				<div class="header">
					<a href="#" class="logo" title="大众点评网">
						<img src="" alt="" />
					</a>
					<h1>
						<a href="#">我要点评</a>
					</h1>
				</div>
			</div>
			<c:forEach items="${fr}" var="fr">
			<div class="main page-sa comment-main">
				
				<div class="mycomment-wrap">
																
					<div class="section">
						<div class="block comment-form separated-block shop-comment-form" id="review_form_div">
							<h2 id="mr">
								<strong>${fr.frname}</strong>
								(
								<em>*</em>
								为必填选项)
								<a href="#" class="c-gray">点评其他商户》</a>
							</h2>
							
							<div id="J_shop-rating" class="form-block rating-block rating-changes" data-title="总体评价">
								<span class="label label_required">总体评价：<em>*</em></span>			
								<div class="rating-wrap-big allin" id="xixi">
									<ul>
										<li>
											<a href="javascript:;" class="one-star a1" title="很差" data-hint="很差" data-rate-value="sml-str10"></a>
										</li>
										<li><a href="javascript:;" class="two-stars a2" title="一般" data-hint="一般" data-rate-value="sml-str20"></a></li>
										<li><a href="javascript:;" class="three-stars a3" title="好" data-hint="好" data-rate-value="sml-str30"></a></li>
										<li><a href="javascript:;" class="four-stars a4" title="很好" data-hint="很好" data-rate-value="sml-str40"></a></li>
										<li><a href="javascript:;" class="five-stars a5" title="非常好" data-hint="非常好" data-rate-value="sml-str50"></a></li>
									</ul>
								</div>
								<span class="hint hint1">点击星星为商户打分</span>
							</div>
							<div id="J_review-s1" class="form-block rating-block teast J_score_rating" data-title="口味">
								<span class="label label_required">
									口味:
									<em>*</em>
								</span>
								<div class="score-wrap">
									<ul>
										<li><a href="javascript:;" class="square-0 b1" title="很差" data-rate-value="0" data-hint="很差">0</a></li>
										<li><a href="javascript:;" class="square-1 b2" title="一般" data-rate-value="1" data-hint="一般">1</a></li>
										<li><a href="javascript:;" class="square-2 b3" title="好" data-rate-value="2" data-hint="好">2</a></li>
										<li><a href="javascript:;" class="square-3 b4" title="很好" data-rate-value="3" data-hint="很好">3</a></li>
										<li><a href="javascript:;" class="square-4 b5" title="非常好" data-rate-value="4" data-hint="非常好">4</a></li>
									</ul>
								</div>
								<span class="hint hint2">给口味打分</span>
							</div>
							<div id="J_review-s2" class="form-block rating-block huanjing J_score_rating" data-title="环境">
								<span class="label label_required">
									环境:
									<em>*</em>
								</span>
								<div class="score-wrap">
									<ul>
										<li><a href="javascript:;" class="square-0 c1" title="很差" data-rate-value="0" data-hint="很差">0</a></li>
										<li><a href="javascript:;" class="square-1 c2" title="一般" data-rate-value="1" data-hint="一般">1</a></li>
										<li><a href="javascript:;" class="square-2 c3" title="好" data-rate-value="2" data-hint="好">2</a></li>
										<li><a href="javascript:;" class="square-3 c4" title="很好" data-rate-value="3" data-hint="很好">3</a></li>
										<li><a href="javascript:;" class="square-4 c5" title="非常好" data-rate-value="4" data-hint="非常好">4</a></li>
									</ul>
									<span class="hint hint3">给环境打分</span>
								</div>
							</div>
							<div id="J_review-s3" class="form-block rating-block service J_score_rating" data-title="服务">
								<span class="label label_required">
									服务:
									<em>*</em>
								</span>
								<div class="score-wrap">								
									<ul>
										<li><a href="javascript:;" class="square-0 d1" title="很差" data-rate-value="0" data-hint="很差">0</a></li>
										<li><a href="javascript:;" class="square-1 d2" title="一般" data-rate-value="1" data-hint="一般">1</a></li>
										<li><a href="javascript:;" class="square-2 d3" title="好" data-rate-value="2" data-hint="好">2</a></li>
										<li><a href="javascript:;" class="square-3 d4" title="很好" data-rate-value="3" data-hint="很好">3</a></li>
										<li><a href="javascript:;" class="square-4 d5" title="非常好" data-rate-value="4" data-hint="非常好">4</a></li>
									</ul>
									<span class="hint hint4">给服务打分</span>
									<p class="food-open">
										<span class="item-description">想为食品安全满意度打分？</span>
										<a href="javascript:" class="for-open">展开</a>
										<a href="javascript:" class="for-close Hide">收起</a>
									</p>
								</div>
							</div>
							<div id="J_food_safe" class="form-block rating-block rating-changes food-review-container" data-title="食品安全" style="height: 0px;">
								<div class="food-safe-dianping">	
									<span class="label label_required">
										食品安全:
										<em></em>
									</span>
									<div class="rating-wrap-big food-wrap-big">
										<ul>
											<li><a href="javascript:;" class="one-star e1" title="很差" data-rate-value="sml-str10" data-hint="很差"></a></li>
											<li><a href="javascript:;" class="two-stars e2" title="一般" data-rate-value="sml-str20" data-hint="一般"></a></li>
											<li><a href="javascript:;" class="three-stars e3" title="好" data-rate-value="sml-str30" data-hint="好"></a></li>
											<li><a href="javascript:;" class="four-stars e4" title="很好" data-rate-value="sml-str40" data-hint="很好"></a></li>
											<li><a href="javascript:;" class="five-stars e5" title="非常好" data-rate-value="sml-str50" data-hint="非常好"></a></li>
										</ul>
									</div>
									<span class="hint hint5">点击星星为食品安全满意度打分</span>
								</div>
								<p class="food-safe-description">
									请您从本次就餐中，食材是否腐败变质、混有异物、掺假掺杂或感官性状异常？餐饮具是否经清洗消毒，厨房、就餐场所是否整洁？《食品经营许可证》、量化分级信息是否进行了公示？等方面，对本次消费作出食品安全满意度评价，谢谢您！
								</p>
							</div>
							<div class="form-block taglist-block fb-fav" id="haha">
								<span class="label">喜欢的菜：</span>
								<div class="charac-list chara-close ext-info" data-title="喜欢的菜">
									<div class="form-block">									
										
										<div class="chara-con" style="overflow: hidden; height: 32px;">
											<a href="javascript:;" class="chara-label" rel="nofollow">鲜嫩滑牛肉</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">牛油火锅</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">虾滑</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">火焰牛蛙</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">招牌鹅肠</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">牛黄喉</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">留香五类拼盘</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">四川宽粉</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">盘龙里脊</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">金针菇</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">豆腐皮</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">神仙肥牛</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">香蒜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">豌豆苗</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">莲藕</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">狗鞭</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">鹌鹑</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<a href="javascript:;" class="chara-label" rel="nofollow">蒸汽海鲜</a>
											<!--<div class="addfood-box">
												<input type="text" class="addfood form-default" placeholder="自己写" maxlength="30" name="frlike" />
											</div>-->
										</div>
										<a href="javascript:" class="for-open">展开</a>
										<a href="javascript:" class="for-close Hide">收起</a>
										<!--<span class="addenter Hide">按回车添加</span>-->
									</div>
								</div>
							</div>
							<form action="foodrevdeta?frid=${fr.frid}" method="post">
							<input type="hidden" name="aa" value="<%=request.getParameter("frid")%>">
							<div class="form-block fb-cmt rating-form">
								<span class="label label_required">
									评价：
									<em>*</em>
								</span>
									<input type="text" name="frid" id="frid" value="${fr.frid}" />
									<input type="text" name="feapp"  id="star1" />
									<input type="text" name="fetaste" id="star2" />
									<input type="text" name="feenvironment"  id="star3" />
									<input type="text" name="feservice"  id="star4" />
									<input type="text" name="fefdsafe"  id="star5" />
									<input type="text" id="likes" name="felike" />
									<input type="text" name="fefeatures" id="features"  />
									<textarea name="fereview" id="J_review-body" class="form-textarea form-default" rows="7" placeholder="亲，菜品的口味如何，环境怎么样，服务满意吗？" style="margin-left: 0px;"></textarea>
								<div class="J_atHiddenArea" id="J_atHiddenArea1513161052817" style="position: absolute; overflow-y: auto; z-index: -1; top: 0px; left: 0px; visibility: hidden; word-wrap: break-word; width: 598px;"></div>
								<div class="form-content-block notepart" id="J_review-err-body" style="visibility: visible;">
									<span class="note">15~2000个字</span>
								</div>
								<div class="form-content-block review-counter review-mation">
									<span id="J_review-err-asbody" class="autosave-info"></span>
								</div>
							</div>
							<div class="form-block upload-pic-box">
								<span class="label">上传照片：</span>
								<div class="upload-form">
									<div class="btn-show-pic">
										<div class="btn-box">
											<span class="btn-swf">
												<a href="#" id="J_swfuploader" target="_blank" class="btn-pic-upload"></a>
											</span>
											<a href="#" class="J_qr_btn" style="text-align: center;line-height: 30px;background-color: #ff8f1f;border-radius: 2px;">
												<span style="color: #fff;">手机传图</span>
											</a>
										</div>
										<div class="pop-upload-qrcode Hide">
											<div class="pop-main">
												<div class="hd">
													<h3>扫一扫，轻松传图</h3>
												</div>
												<div class="pop-con">
													<div class="qrcode-box">
														<div id="qrcode">
															<canvas width="182" height="182" style="display: none;"></canvas>
															<img src="../img/dzdp_food_review/er喂马.png" alt="" style="display: block;" />
														</div>
														<p>
															打开
															<a href="#" target="_blank">点评App</a>
															,点击"发现"->"扫一扫"(右上角图标),轻松传照片~
														</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									<p class="col-exp">单张图片不超过10MB,尺寸不小于300*300px,支持jpg、png和bmp。</p>
									<div class="upload-pic Hide">
										<div class="slider">
											<ul class="s-item" style="left: 0;"></ul>
										</div>
										<div class="s-pages">
											<a href="#" class="prev p-disb" title="上一页">
												<i class="icon-arr"></i>
											</a>
											<a href="#" class="next n-disb" title="下一页">
												<i class="icon-arr"></i>
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="options-wrap" id="J_review-options-wrap">
								<div class="form-block chk-unit">
									<ul>
										<li>
											<span class="label">人均:</span>
											<input name="feperpay" type="text" id="J_review-ap" class="form-txt average err-input price-input" type="text" size="6" maxlength="8" data-type="Double" data-title="人均" data-desc="元" value="" />
											元
										</li>
									</ul>
								</div>
								<div class="form-block taglist-block fb-fav" id="heihei">
									<span class="label">餐厅特色：</span>
									<div class="charac-list chara-close ext-info" data-title="餐厅特色">
										<div class="form-block">
											
											<div class="chara-con" style="overflow: hidden;height: 32px;">
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以化妆</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以上厕所</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">手机支付</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">微信支付</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">免费停车</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">环境好</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">服务员态度好</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以赊账</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷脸</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">不用筷子</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">只用刀叉</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">免费洗澡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">免费染发</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<a href="javascript:;" class="chara-label" rel="nofollow">可以刷卡</a>
												<!--<div class="addfood-box">
													<input type="text" class="addfood form-defailt" placeholder="自己写" maxlength="20" />
												</div>-->
											</div>
											<a href="javascript:" class="for-open">展开</a>
											<a href="javascript:" class="for-close Hide">收起</a>
											<!--<span class="addenter Hide">按回车添加</span>-->
										</div>
									</div>
								</div>
								<div class="form-block chk-unit fb-park">
									<span class="label">停车信息</span>
									<input type="text" id="J_review-park" class="form-txt ext-input ext-info form-default" placeholder="车停在那里了，收费吗？" type="text" size="60" maxlength="200" data-title="停车信息" data-type="List<String>" value="" />
								</div>
							</div>
							<div class="block form-btn-block form-block form-content-block">
								<strong class="btn-type-b">
									
										
										<input type="submit" value="提交点评" class="form-btn" style="color: #fff;border-radius:2px ;-webkit-border-radius: 2px;-moz-border-radius: 2px;text-align: center; background-color: #ff8f1f;" id="J_review-submit" />
									
								</strong>
							</div>
							
							
							<div class="notice-block" id="J_end_notice-block">
								<p data-target="#J_end_notice-block">点评和打分都将是其他网友的参考依据，并影响该商户评价。</p>
								<ul data-target="#J_end_notice-block">
									<li>
										发表的点评可以得到2-6点贡献值和相同数量的D币。
										<a href="#" rel="nofollow" target="_blank">什么是贡献值和D币？</a>
									</li>
									<li>
										请发布真实、客观的本人消费体验评价。如您受到威逼、利诱如优惠等干扰而发布的点评或并非本人体验的虚假/恶意点评，则点评视为违规，同时影响您的信誉度。更多请见
										<a href="#" rel="nofollow" target="_blank">这里的说明</a>
										。
									</li>
								</ul>
								<div id="container"></div>
							</div>
							</form>
						</div>
							
					</div>
					
					<div class="aside-right">
							<div class="aside-right">
								<div class="block shop-review-wrap">
									<div class="hd">
										<h3><a href="#" target="_blank">${fr.frname}</a></h3>
										<p>
											<span title="五星商户" class="item-rank-rst irr-star50" itemprop="rating">
												<meta itemprop="rating" content="5" />
												评分：五星商户
											</span>
											
											<span>人均：<strong class="price">￥</strong></span>
											<strong class="price">${fr.frbusperpay}</strong>
										</p>
										<p>
											<span>口味：${fr.frbustaste}</span>
											<span>环境：${fr.frbusenironment}</span>
											<span>服务：${fr.frbusservice}</span>
										</p>
									</div>
									<div class="con">
										<div class="review-num"><a href="#" target="_blank"><strong>最新会员点评</strong>(${fr.frcomment}封)</a></div>
										<div class="tit-txt">
											<ul>
												<li>
													<div class="tit"><a href="#" target="_blank">${fr.frusername}</a><span class="col-exp">总体评价：三星</span></div>
													<div class="txt J_txt-short">
														<p>${fr.fruserreview}<i class="more-down"></i></p>
													</div>
													<div class="txt J_txt-full Hide">
														<p>团队聚餐，找了个离酒店近的地方，还不错。人少刚开始怀疑口味不怎样，后来上菜以后味道不错。没有让我们失望</p>
													</div>
												</li>
												<li class="Hide">
													<div class="tit"><a href="#" target="_blank">圈圈小胖</a><span class="col-exp">总体评价：三星</span></div>
													<div class="txt">
														<p>看起来多&nbsp;吃起来立马见底&nbsp;花蛤沙多&nbsp;虾有软掉的&nbsp;螃蟹没肉&nbsp;蛏子瘦弱&nbsp;铺开很多的样子&nbsp;聚一起就一点点&nbsp;三个姑娘吃完就去买蛋糕吃 一个锅等了一小时&nbsp;期间三次叫服务员询问&nbsp;态度都非常差&nbsp;要么装没听见&nbsp;味道不能接受&nbsp;蒜泥味道居然做的很清淡&nbsp;不鲜&nbsp;就是在咸水上到了一点蒜泥油&nbsp;拉黑</p>
													</div>
												</li>
											</ul>
											<div class="btn-box Hide">
												<a href="#" class="more-info" title="再看一封">
													再看一封
													<i class="more-down"></i>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					</c:forEach>
			</div>
			
		<div class="footer-container">
			<div id="channel-footer" class="channel-footer">
				<p class="links">
					<a href="#" target="_blank" rel="nofollow">关于大众点评</a>|
					<a href="#" target="_blank" rel="nofollow">诚信公约</a>|
					<a href="#" target="_blank" rel="nofollow">网站帮助</a>|
					<a href="#" target="_blank" rel="nofollow">网站地图</a>|
					<a href="#" target="_blank" rel="nofollow">推广服务</a>|
					<a href="#" target="_blank" rel="nofollow">媒体报道</a>|
					<a href="#" target="_blank" rel="nofollow">人才招聘</a>|
					<!--新增footer links-->
					<span class="links-container">
						<a href="" class="ext-links" rel="nofollow">最新咨询</a>|
					</span>
					<a href="" target="_blank">外卖订餐</a>|
					<a href="" target="_blank" rel="nofollow">站务论坛</a>|
					<a href="" target="_blank" rel="nofollow">联系我们</a>|
					<a href="" target="_blank" rel="nofollow">开发者</a>|
					<a href="" target="_blank" rel="nofollow">聚宝盆餐饮开放平台</a>
				</p>
				<!--新增 footer links 面板-->
				<div class="ext-container Hide">
					<div class="link-items Hide">
						<a href="" target="_bank"><span>家装商户</span></a>
						<a href="" target="_bank"><span>家装问答</span></a>
						<a href="" target="_bank"><span>家装图库</span></a>
						<a href="" target="_bank"><span>家装图库手机版</span></a>
						<a href="" target="_bank"><span>结婚资讯</span></a>
						<a href="" target="_bank"><span>美发图库</span></a>
						<a href="" target="_bank"><span>美甲图库</span></a>
						<a href="" target="_bank"><span>纹身图库</span></a>
					</div>
				</div>
				<p class="rights">
					<span style="margin-right:10px;">
						©2003-2017 dianping.com, All Rights Reserved.
					</span>
					<span>
						本站发布的所有内容，未经许可，不得转载，详见
						<a href="#" rel="nofollow" class="G">《知识产权声明》</a>
						。
					</span>
				</p>
			</div>
		</div>

		<script type="text/javascript" src="x/lib/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="x/foodReview/foodReview.js" ></script>
		<script type="text/javascript">
			$(".J_qr_btn").hover(function  () {
				$(".Hide").css("display","block");
			});
			$(".J_qr_btn").mouseout(function  () {
				$(".Hide").css("display","none");
			});
		</script>
	</body>
</html>
